// 表单属性【右面板】
export const formConf = {
	formRef: "form1",
	formModel: "form1",
	size: "medium",
	labelPosition: "right",
	labelWidth: 100,
	formRules: "rules",
	gutter: 15,
	disabled: false,
	span: 24,
	formBtns: true,
	width:'100%'
};

// 输入型组件 【左面板】
export const inputComponents = [
	{
		__vk__: {
			type: "text"
		},
		// 组件的自定义配置
		__config__: {
			label: "单行文本",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon:"input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: ""
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		__vk__: {
			type: "textarea"
		},
		__config__: {
			label: "多行文本",
			labelWidth: null,
			showLabel: true,
			tag: "el-input",
			tagIcon: "textarea",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/input"
		},
		type: "textarea",
		placeholder: "请输入",
		autosize: {
			minRows: 4,
			maxRows: 4
		},
		style: { width: "100%" },
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		__config__: {
			label: "密码",
			showLabel: true,
			labelWidth: null,
			changeTag: true,
			tag: "el-input",
			tagIcon: "password",
			defaultValue: undefined,
			layout: "colFormItem",
			span: 24,
			required: true,
			regList: [],
			document: "https://element.eleme.cn/#/zh-CN/component/input"
		},
		__slot__: {
			prepend: "",
			append: ""
		},
		__vk__: {
			type: "password"
		},
		placeholder: "请输入",
		"show-password": true,
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		__config__: {
			label: "计数器",
			showLabel: true,
			changeTag: true,
			labelWidth: null,
			tag: "el-input-number",
			tagIcon: "number",
			defaultValue: undefined,
			span: 24,
			layout: "colFormItem",
			required: true,
			regList: [],
			document: "https://element.eleme.cn/#/zh-CN/component/input-number"
		},
		__vk__: {
			type: "number2"
		},
		placeholder: "",
		min: undefined,
		max: undefined,
		step: 1,
		"step-strictly": false,
		precision: undefined,
		"controls-position": "",
		disabled: false
	},
	{
		__config__: {
			label: "编辑器",
			showLabel: true,
			changeTag: true,
			labelWidth: null,
			tag: "tinymce",
			tagIcon: "rich-text",
			defaultValue: null,
			span: 24,
			layout: "colFormItem",
			required: true,
			regList: [],
			document: "http://tinymce.ax-z.cn"
		},
		type:'editor',
		__vk__: {
			type: "editor"
		},
		style:{
		  width:'1000px',
		},
		placeholder: "请输入",
		height: 300, // 编辑器高度
		branding: false // 隐藏右下角品牌烙印
	}
];

// 选择型组件 【左面板】
export const selectComponents = [
	{
		__config__: {
			label: "下拉选择",
			showLabel: true,
			labelWidth: null,
			tag: "el-select",
			tagIcon: "select",
			layout: "colFormItem",
			span: 24,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/select"
		},
		__slot__: {
			options: [
				{
					label: "选项一",
					value: 1
				},
				{
					label: "选项二",
					value: 2
				}
			]
		},
		__vk__: {
			type: "select"
		},
		placeholder: "请选择",
		style: { width: "100%" },
		clearable: true,
		disabled: false,
		filterable: false,
		multiple: false
	},
	{
		__config__: {
			label: "级联选择",
			url:
				"admin/system/permission/sys/getAll",
			method: "vk-router",
			dataPath: "rows",
			dataConsumer: "options",
			showLabel: true,
			labelWidth: null,
			tag: "el-cascader",
			tagIcon: "cascader",
			layout: "colFormItem",
			defaultValue: [],
			dataType: "dynamic",
			span: 24,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/cascader"
		},
		__vk__: {
			type: "cascader"
		},
		options: [
			{
				id: 1,
				value: 1,
				label: "选项1",
				children: [
					{
						id: 2,
						value: 2,
						label: "选项1-1"
					}
				]
			}
		],
		placeholder: "请选择",
		style: { width: "100%" },
		props: {
			props: {
				multiple: false,
				label: "label",
				value: "permission_id",
				children: "children",
			}
		},
		"show-all-levels": true,
		disabled: false,
		clearable: true,
		filterable: false,
		separator: "/"
	},
	{
		__config__: {
			label: "单选框组",
			labelWidth: null,
			showLabel: true,
			tag: "el-radio-group",
			tagIcon: "radio",
			changeTag: true,
			defaultValue: undefined,
			layout: "colFormItem",
			span: 24,
			optionType: "default",
			regList: [],
			required: true,
			border: false,
			document: "https://element.eleme.cn/#/zh-CN/component/radio"
		},
		__slot__: {
			options: [
				{
					label: "选项一",
					value: 1
				},
				{
					label: "选项二",
					value: 2
				}
			]
		},
		__vk__: {
			type: "radio"
		},
		style: {},
		size: "medium",
		disabled: false
	},
	{
		__config__: {
			label: "多选框组",
			tag: "el-checkbox-group",
			tagIcon: "checkbox",
			defaultValue: [],
			span: 24,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			optionType: "default",
			required: true,
			regList: [],
			changeTag: true,
			border: false,
			document: "https://element.eleme.cn/#/zh-CN/component/checkbox"
		},
		__slot__: {
			options: [
				{
					label: "选项一",
					value: 1
				},
				{
					label: "选项二",
					value: 2
				}
			]
		},
		__vk__: {
			type: "checkbox"
		},
		style: {},
		size: "medium",
		min: null,
		max: null,
		disabled: false
	},
	{
		__config__: {
			label: "开关",
			tag: "el-switch",
			tagIcon: "switch",
			defaultValue: false,
			span: 24,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/switch"
		},
		__vk__: {
			type: "switch"
		},
		style: {},
		disabled: false,
		"active-text": "",
		"inactive-text": "",
		"active-color": null,
		"inactive-color": null,
		"active-value": true,
		"inactive-value": false
	},
	{
		__config__: {
			label: "滑块",
			tag: "el-slider",
			tagIcon: "slider",
			defaultValue: null,
			span: 24,
			showLabel: true,
			layout: "colFormItem",
			labelWidth: null,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/slider"
		},
		__vk__: {
			type: "slider"
		},
		disabled: false,
		min: 0,
		max: 100,
		step: 1,
		"show-stops": false,
		range: false
	},
	{
		__config__: {
			label: "时间选择",
			tag: "el-time-picker",
			tagIcon: "time",
			defaultValue: null,
			span: 24,
			showLabel: true,
			layout: "colFormItem",
			labelWidth: null,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/time-picker"
		},
		__vk__: {
			type: "time"
		},
		placeholder: "请选择",
		style: { width: "100%" },
		disabled: false,
		clearable: true,
		"picker-options": {
			selectableRange: "00:00:00-23:59:59"
		},
		format: "HH:mm:ss",
		"value-format": "HH:mm:ss"
	},
	{
		__vk__: {
			type: "time",
			defaultProps: {
				isRange: true
			}
		},
		__config__: {
			label: "时间范围",
			tag: "el-time-picker",
			tagIcon: "time-range",
			span: 24,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			defaultValue: null,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/time-picker"
		},
		style: { width: "100%" },
		disabled: false,
		clearable: true,
		"is-range": true,
		"range-separator": "至",
		"start-placeholder": "开始时间",
		"end-placeholder": "结束时间",
		format: "HH:mm:ss",
		"value-format": "HH:mm:ss"
	},
	{
		__config__: {
			label: "日期选择",
			tag: "el-date-picker",
			tagIcon: "date",
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			span: 24,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker"
		},
		__vk__: {
			type: "date"
		},
		placeholder: "请选择",
		type: "date",
		style: { width: "100%" },
		disabled: false,
		clearable: true,
		format: "yyyy-MM-dd",
		"value-format": "yyyy-MM-dd",
		readonly: false
	},
	{
		__vk__: {
			type: "date",
			defaultProps: {
				isRange: true
			}
		},
		__config__: {
			label: "日期范围",
			tag: "el-date-picker",
			tagIcon: "date-range",
			defaultValue: null,
			span: 24,
			showLabel: true,
			labelWidth: null,
			required: true,
			layout: "colFormItem",
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker"
		},
		style: { width: "100%" },
		type: "daterange",
		"range-separator": "至",
		"start-placeholder": "开始日期",
		"end-placeholder": "结束日期",
		disabled: false,
		clearable: true,
		format: "yyyy-MM-dd",
		"value-format": "yyyy-MM-dd",
		readonly: false
	},
	{
		__config__: {
			label: "评分",
			tag: "el-rate",
			tagIcon: "rate",
			defaultValue: 0,
			span: 24,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/rate"
		},
		__vk__: {
			type: "rate"
		},
		style: {},
		max: 5,
		"allow-half": false,
		"show-text": false,
		"show-score": false,
		disabled: false
	},
	{
		__config__: {
			label: "颜色选择",
			tag: "el-color-picker",
			tagIcon: "color",
			span: 24,
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/color-picker"
		},
		__vk__: {
			type: "color"
		},
		"show-alpha": false,
		"color-format": "",
		disabled: false,
		size: "medium"
	},
	{
		__config__: {
			label: "上传",
			tag: "el-upload",
			tagIcon: "upload",
			layout: "colFormItem",
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			required: true,
			span: 24,
			showTip: false,
			buttonText: "点击上传",
			regList: [],
			changeTag: true,
			fileSize: 2,
			sizeUnit: "MB",
			document: "https://element.eleme.cn/#/zh-CN/component/upload"
		},
		__vk__: {
			type: "image"
		},
		__slot__: {
			"list-type": true
		},
		action: "https://jsonplaceholder.typicode.com/posts/",
		disabled: false,
		accept: "",
		name: "file",
		"auto-upload": true,
		"list-type": "picture-card",
		multiple: false,
    limit:9
	}
];

// 布局型组件 【左面板】
export const layoutComponents = [
	{
		__vk__: {
			type: "group"
		},
		__config__: {
			layout: "rowFormItem",
			tagIcon: "row",
			label: "行容器",
			layoutTree: true,
			document:
				"https://element.eleme.cn/#/zh-CN/component/layout#row-attributes"
		},
		type: "flex",
		justify: "start",
		align: "top"
	},
	// {
	// 	__config__: {
	// 		label: "按钮",
	// 		showLabel: true,
	// 		changeTag: true,
	// 		labelWidth: null,
	// 		tag: "el-button",
	// 		tagIcon: "button",
	// 		span: 24,
	// 		layout: "colFormItem",
	// 		document: "https://element.eleme.cn/#/zh-CN/component/button"
	// 	},
	// 	__slot__: {
	// 		default: "主要按钮"
	// 	},
	// 	type: "primary",
	// 	round: false,
	// 	size: "medium",
	// 	plain: false,
	// 	circle: false,
	// 	disabled: false
	// },
	// {
	// 	__config__: {
	// 		layout: "colFormItem",
	// 		tagIcon: "table",
	// 		tag: "el-table",
	// 		document: "https://element.eleme.cn/#/zh-CN/component/table",
	// 		span: 24,
	// 		formId: 101,
	// 		renderKey: 1595761764203,
	// 		componentName: "row101",
	// 		showLabel: true,
	// 		changeTag: true,
	// 		labelWidth: null,
	// 		label: "表格[开发中]",
	// 		dataType: "dynamic",
	// 		method: "get",
	// 		dataPath: "list",
	// 		dataConsumer: "data",
	// 		url:
	// 			"https://www.fastmock.site/mock/f8d7a54fb1e60561e2f720d5a810009d/fg/tableData",
	// 		children: [
	// 			{
	// 				__config__: {
	// 					layout: "raw",
	// 					tag: "el-table-column",
	// 					renderKey: 15957617660153
	// 				},
	// 				prop: "date",
	// 				label: "日期"
	// 			},
	// 			{
	// 				__config__: {
	// 					layout: "raw",
	// 					tag: "-column",
	// 					renderKey: 15957617660152
	// 				},
	// 				prop: "address",
	// 				label: "地址"
	// 			},
	// 			{
	// 				__config__: {
	// 					layout: "raw",
	// 					tag: "el-table-column",
	// 					renderKey: 15957617660151
	// 				},
	// 				prop: "name",
	// 				label: "名称"
	// 			},
	// 			{
	// 				__config__: {
	// 					layout: "raw",
	// 					tag: "el-table-column",
	// 					renderKey: 1595774496335,
	// 					children: [
	// 						{
	// 							__config__: {
	// 								label: "按钮",
	// 								tag: "el-button",
	// 								tagIcon: "button",
	// 								layout: "raw",
	// 								renderKey: 1595779809901
	// 							},
	// 							__slot__: {
	// 								default: "主要按钮"
	// 							},
	// 							type: "primary",
	// 							icon: "el-icon-search",
	// 							round: false,
	// 							size: "medium"
	// 						}
	// 					]
	// 				},
	// 				label: "操作"
	// 			}
	// 		]
	// 	},
	// 	data: [],
	// 	directives: [
	// 		{
	// 			name: "loading",
	// 			value: true
	// 		}
	// 	],
	// 	border: true,
	// 	type: "default",
	// 	justify: "start",
	// 	align: "top"
	// }
];

export const vkComponents = [
	{
		__vk__: {
			type: "money"
		},
		// 组件的自定义配置
		__config__: {
			label: "金额输入",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		type: "money",
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: ""
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		__vk__: {
			type: "number"
		},
		// 组件的自定义配置
		__config__: {
			label: "数字输入",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		type: "money",
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: ""
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		__vk__: {
			type: "percentage"
		},
		// 组件的自定义配置
		__config__: {
			label: "百分比类型",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "input",
			precision:null,
			tips:'',
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: "%"
		},
		type: "percentage",
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		__vk__: {
			type: "discount"
		},
		// 组件的自定义配置
		__config__: {
			label: "折扣类型",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: "折"
		},
		type: "discount",
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		__vk__: {
			type: "address"
		},
		// 组件的自定义配置
		__config__: {
			label: "地址类型",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		type: "address",
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: ""
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: true,
		disabled: false
	},
	{
		__vk__: {
			type: "table-select"
		},
		type: "table-select",
		// 组件的自定义配置
		__config__: {
			label: "表格选择",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon:"input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: ""
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: true,
		disabled: false
	},
	{
		// 组件的自定义配置
		__config__: {
			label: "数组子表单",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: ""
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		// 组件的自定义配置
		__config__: {
			label: "素材选择器",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: ""
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
	{
		// 组件的自定义配置
		__config__: {
			label: "更多开发中",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "input",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: []
		},
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: ""
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false
	},
];
